<template>
    <div>
        <!--订单主要-->
        <!--<div class="order-main">-->
            <!--酒店信息 S-->
            <!--<div class="hotel-panel">-->
                <div class="img">
                    <a href="javascript:;">
                        <img src="https://b1-q.mafengwo.net/s10/M00/01/36/wKgBZ1mU3gWAZfUKAAWgBf1_Zuw75.jpeg?imageMogr2%2Fthumbnail%2F%21484x484r%2Fgravity%2FCenter%2Fcrop%2F%21484x484%2Fquality%2F90">
                    </a>
                </div>
                <div class="info text-left">
                    <a href="javascript:;">
                        <h2>成都钓鱼台精品酒店</h2>
                        <div class="subtitle">
                            Diaoyutai Boutique Hotel Chengdu </div>
                    </a>
                    <p class="address">地址：宽巷子38-39号, Chengdu, China </p>
                </div>
                <div class="extra">
                    <div class="item" name="date-check-in" data-val="2020-12-16">
                        <div class="t">2020年12月</div>
                        <div class="m">16</div>
                        <div class="b">星期三入住</div>
                    </div>
                    <div class="item" name="date-check-out" data-val="2020-12-17">
                        <div class="t">2020年12月</div>
                        <div class="m">17</div>
                        <div class="b">星期四离店</div>
                    </div>
                    <div class="item">
                        <div class="t">客房数</div>
                        <div class="m">1</div>
                        <div class="b">间</div>
                    </div>
                    <div class="extra-tips" style="top: 317px; left: 778px;">
                        如需要更改日期或房间数，请在房型选择页修改。
                    </div>
                </div>
            </div>
        <!--</div>-->
    <!--</div>-->
</template>

<script>
    export default {
        name: "OrderMain"
    }
</script>

<style scoped>
    .text-left{
        text-align: left;
    }
</style>